import { RouteRecordRaw } from "vue-router";
import Layout from "@/layout/Index.vue";

/*
   常量路由：所有账号都能够访问
*/
export const constantRoutes: Array<RouteRecordRaw> = [
  {
    path: "/404", // 路由访问路径（唯一）
    name: "/404", // 命名路由（唯一）
    component: () => import("@/views/error/koi404.vue"),
    meta: {
      title: "404", // 标题
      icon: "CircleCloseFilled", // 图标
      hidden: "0", // 代表路由在菜单中是否隐藏，是否隐藏（0隐藏，1显示）
    },
  },
  /** 登录 */
  {
    path: "/login", // 路由访问路径（唯一）
    name: "/login", // 命名路由（唯一）
    component: () => import("@/views/Login.vue"),
    meta: {
      title: "登录",
      icon: "Promotion", // 图标
      hidden: "0", // 代表路由在菜单中是否隐藏，是否隐藏（0隐藏，1显示）
    },
  },
  {
    // 登录成功以后展示数据的路由[一级路由，可以将子路由放置Main模块中(核心)]
    path: "/", // 路由访问路径（唯一）
    name: "/layout", // 命名路由（唯一）
    component: Layout, // 登录进入这个页面，这个页面是整个布局
    meta: {
      title: "", // 标题
      icon: "Sunny", // 图标
      hidden: "0", // 代表路由在菜单中是否隐藏，是否隐藏（0隐藏，1显示）
    },
    redirect: "/home", // path路径，<router-link name="/404"> 也是使用path进行跳转
    children: [
      {
        path: "/home", // （唯一）
        component: () => import("@/views/home/Index.vue"),
        meta: {
          title: "首页", // 标题
          icon: "HomeFilled", // 图标
          hidden: "0", // 代表路由在菜单中是否隐藏，是否隐藏（0隐藏，1显示）
        },
      },
    ],
  },
  /** 首页 */
  {
    path: "/home", // （唯一）
    name: "/",
    component: () => import("@/views/home/Index.vue"),
    meta: {
      title: "首页", // 标题
      icon: "HomeFilled", // 图标 HomeFilled
      hidden: "1", // 代表路由在菜单中是否隐藏，是否隐藏（0隐藏，1显示）
    },
  },
  /** 测试 */
  {
    path: "/example1", // 路由访问路径（唯一）
    name: "/example1", // 命名路由（唯一）
    redirect: "/example/one", // path路径，<router-link name="/404"> 也是使用path进行跳转
    component: Layout,
    meta: {
      title: "案例", // 标题
      icon: "DeleteFilled", // 图标
      hidden: "1", // 代表路由在菜单中是否隐藏，是否隐藏（0隐藏，1显示）
    },
    children: [
      {
        path: "/example/one", //（唯一）
        name: "/example/one",
        component: () => import("@/views/example/One.vue"),
        meta: {
          title: "KoiDialog对话框", // 标题
          icon: "CircleCheckFilled", // 图标
          hidden: "1", // 代表路由在菜单中是否隐藏，是否隐藏（0隐藏，1显示）
        },
      },
      {
        path: "/notice", //（唯一）
        name: "/notice",
        component: () => import("@/views/system/notice/Index.vue"),
        meta: {
          title: "通知公告", // 标题
          icon: "ChatLineRound", // 图标
          hidden: "1", // 代表路由在菜单中是否隐藏，是否隐藏（0隐藏，1显示）
        },
      },

      // 404路由必须放置到最后
      // {
      //   // 后端需要返回，但是前端需要给隐藏
      //   path: "/:pathMatch(.*)*", // 路由访问路径没有，默认跳转404
      //   name: "ANY",
      //   meta: {
      //     title: "重定向404", // 标题
      //     icon: "MoreFilled", // 图标
      //     hidden: "0", // 代表路由在菜单中是否隐藏，是否隐藏（0隐藏，1显示）
      //   },
      //   redirect: "/404", // path路径，<router-link name="/404"> 也是使用path进行跳转
      // },
    ], // 截止符号
  },
];
